<ion-header>
  <div class="uh bc-head  ubb bc-f6" data-control="HEADER" id="Header">
    <div class="ub ub-ac">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
        <img src="assets/imgs/back_btn.png" />
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">登录</h1>
      <div class="nav-btn zhuce" (click)="goRegister()">
        注册
      </div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page_p46F7L">
    <div class="" data-control="CONTENT" id="">
      <div class="scrollbox">
        <div class="ub ub-ver contentpadding ub-f1">
          <form method="get" action="">
            <div class="bc-wihte ubb ubt bc-cc padleft">
              <div class="ub ub-ac ubt bc-cc umh5">
              <div class=" uinput ub ub-ac ub-f1 li" >
                <div class="icon sc-text">
                  <img src="assets/imgs/login/icon-mobile.png" />
                </div>
                <ion-input type="number" max="11" min="0" [(ngModel)]="mobile"  name="mobile" clearInput="true" placeholder="请输入手机号" class="input input-ios"></ion-input>
              </div>
              </div>
              <div class="ub ub-ac ubt bc-cc umh5">
                <div class=" uinput ub ub-ac ub-f1 li">
                  <div class="sc-text">
                    <img src="assets/imgs/login/mima.png" style="width: 1.3em;height: 1.3em;" />
                  </div>
                  <input type="password" *ngIf="chakanPwd" [(ngModel)]="password" name="password" style="padding:0" placeholder="请输入6-20位密码"
                    class="umw4 ub-f1 password">
                  <input type="text" *ngIf="!chakanPwd" [(ngModel)]="password" name="password" style="padding:0" placeholder="请输入6-20位密码" class="umw4 ub-f1 password">
                  <div class="eye ub ub-ac" (click)="chaPwd()">
                    <img src="{{chakanPwd?'assets/imgs/login/biyan.png':'assets/imgs/login/yanjing.png'}}" />
                  </div>
                </div>
              </div>
            </div>
          </form>
          <div class="ub ub-ver">
            <div class="uinn-at1">
              <button  ion-button color="danger"  [disabled]="!(mobile&&password)"  (click)="loginNow()"> 登录 </button>
              <div class="findpassword" id="findpassword" (click)="goResetPassword()"> 找回密码 </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ub ub-f1"></div>
    <div class="uf ub fontsize8 " style="position:fixed;bottom: 0;">
      <div class="ub ub-ver ub-f1 foot ub-ac">
        <div class="ub ub-pc ub-ac umh5" style="width:100%;">
          <div class="line"></div>
          <div class=" tx-c">更多登录方式</div>
          <div class="line"></div>
        </div>
        <div class="ub ub-ac ub-pc thirdlogin">
          <div class="ub ub-ver ub-ac ub-pc uinn" id="qq" (click)="loginBtn(1)">
            <img class="yuan" src="./assets/imgs/login/QQ.png" />
            <div>QQ登录</div>
          </div>
          <div class="ub-ac uinn umar-a" id="weixin" (click)="loginBtn(2)">
            <img class="yuan" src="./assets/imgs/login/weixin.png" />
            <div>微信登录</div>
          </div>
          <div class="yuan uinn" id="sina" (click)="loginBtn(3)">
            <img src="./assets/imgs/login/weibo.png" />
            <div>新浪登录</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>
